
<html style="height: 100%; "><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>

<!-- link tags -->
<link href="images/smirk-v4.css" media="screen" rel="stylesheet" type="text/css">


<script src="images/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script src="images/ro_home.js" type="text/javascript"></script>

<link type="text/css" rel="stylesheet" charset="UTF-8" href="images/translateelement.css"><script type="text/javascript" charset="UTF-8" src="images/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="images/element_main.js"></script></head>
<body background="images/bg_login.jpg" style="position: relative; min-height: 100%; top: 0px; ">
    
   
    
		
		<div id="home-page">
				
				
								
        <script type="text/javascript" charset="utf-8">

$(function() {
	var shouldShowLogin = ""
	var shouldShowSignup = ""
	if (shouldShowLogin.length > 0) $("#log-in-link").click();
	else if (shouldShowSignup.length > 0) $("#sign-up-link").click();
});
		
</script>


<div id="home-content">
	
	<div id="home-top">
		<a id="sign-up-link" class="tab signup" href="#">Cadastrar</a>
		<a id="log-in-link" class="tab tab-selected" href="#"><img src="images/btn-close-login-up.png"></a>
	</div>
	
	<div id="sign-in-drawer" class="module" style="overflow: hidden; height: 200px; display: block; ">  		
   		<iframe frameborder="0" id="smirk-login-form-home" scrolling="no" src="images/auth_frame1.htm" style="height: 250px; display: inline; ">no iframe support!</iframe>     
   		<div id="smirk-signup-form" style="display: none; ">
   		  <p style="font-size: 13px; font-weight: bold; margin: 10px 0px 5px 8px;">Criar nova conta</p>
 	   		<iframe frameborder="0" id="smirk-signup-form-newbie" scrolling="no" src="images/auth_frame.htm" style="height: 510px;">no iframe support!</iframe>   	 
   		</div>
	</div>
	
	<div class="module" style="overflow: hidden;">
		
		
	
		<div>
		  <img id="good-lookin" src="images/good-lookin.png" width="259" height="85" alt="LOGO do Persona"/>
		

    	
			  
			<div id="marketing-secondary">
			    <span><b>Faça isso</b> de forma massa.</span>
          <span>Pegue cartas e <b>capture pokemons</b>.</span>
          <span><b>Digimons</b> também, why not?</span>
			</div>
		</div>

	</div>
	    
  <div class="module center" style="padding-top:25px;padding-bottom:45px;">
    <div class="paragraph large"><a href="about.htm">Sobre</a></div>
    <div class="voice italic grey-mid">Um pouco mais sobre o Persona</div>
  </div>
		

		
		
			
	<div id="footer-plain">
			<div id="robo-footer" class="center">© 2012 <a href="">PersonaCard</a>&nbsp;&nbsp;</div> 
			  
	</div>
			
</div> <!-- END CONTENT --> 
        
			
		</div>

 </body></html>